<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" charset="utf-8" src="/common/js/framework.js"></script>
    <script type="text/javascript" charset="utf-8" src="/common/js/navbar.js"></script>

    <link rel="stylesheet" href="css/userSetting.css" type="text/css"></link>

    <script type="text/javascript" charset="utf-8" src="js/userSetting.js"></script>
</head>
<body>
<div class="container container-setting">

    <div class="col-md-12" style="margin-top:20px">
        <div class="col-md-3">
            <!-- 个人信息 -->
            <div class="setting-left">
                <!-- 头像 -->
                <div class="headDiv">
                    <img id="userImageId" onerror="javascript:this.src='/common/image/imageHead.jpg'" src="" alt="头像"
                         class="img-circle" style="width: 130px; height: 130px;"/>
                    <div id="usernameId">马超</div>
                </div>

                <div class="list-group">
                    <a onclick="showModifyUserHeadImg(this)" class="list-group-item active">修改头像</a>
                    <a onclick="showModifyUserInfo(this)" class="list-group-item">个人信息</a>
                    <a href="#" class="list-group-item">操作记录</a>
                    <a href="#" class="list-group-item">实名认证</a>

                </div>

            </div>

        </div>
        <div class="col-md-9">
            <iframe id="modifyUserHeadImgFrame" class="embed-responsive-item" style="display:block;"
                    src="modifyUserHeadImg.html"></iframe>
            <iframe id="modifyUserInfoFrame" class="embed-responsive-item" style="display:none;"
                    src="modifyUserInfo.html"></iframe>
        </div>

    </div>

</div>

</body>
</html>